.breadcrumbs {
	height: 40px;
	font-size: 12px;
	line-height: 40px;
	background: #f5f5f5;
	color: #616161;
	a {
		color: #757575;
		&:hover {
			color: #424242;
		}
	}
	.sep {
		margin: 0 0.5em;
		color: #b0b0b0;
	}
}

.filter-box {
	padding: 18px 0;
}

.content {
	background: #f5f5f5;
	padding: 20px 0 100px;
	.container {
		.order-list-box {
			position: relative;
			height: 20px;
			margin: 20px 0;
			ul {
				height: 20px;
				li {
					float: left;
					padding: 0 30px;
					line-height: 20px;
					border-left: 1px solid #e0e0e0;
					a {
						color: #424242;
						font-size: 14px;
						i {
							font-size: 16px;
						}
					}
					&:first-child {
						border-left: none;
						padding-left: 0;
						a {
							color: #ff6700;
						}
					}
					&:last-child {
						position: relative;
						i {
							position: absolute;
							transform: rotate(180deg);
						}
					}
				}
			}
		}

		//手机
		.goods-list-box {
			width: 1240px;
			.goods-item {
				position: relative;
				float: left;
				width: 296px;
				height: 340px;
				padding-top: 47px;
				margin-right: 14px;
				margin-bottom: 14px;
				text-align: center;
				background: #fff;
				transition: box-shadow 0.5s linear;
				&:hover {
					box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
					cursor: pointer;
				}
				&:hover a {
					opacity: 1;
				}
				.figure {
					width: 200px;
					height: 200px;
					margin: 0 auto 16px;
					img {
						width: 200px;
					}
				}
				h2 {
					color: #424242;
					font-size: 14px;
				}
				p {
					color: #ff6700;
					margin: 15px;
				}
				a {
					opacity: 0;
					position: absolute;
					z-index: 5;
					padding: 3px 4px;
					left: 177px;
					top: 23px;
					transition: all 0.2s linear;
					&:hover span {
						opacity: 1;
					}
					span {
						opacity: 0;
						font-size: 12px;
						color: #424242;
						transition: opacity 0.2s linear;
					}
					i {
						font-size: 24px;
						line-height: 24px;
						color: #424242;
						transition: opacity 0.2s linear;
						vertical-align: -5px;
					}
				}
			}
		}
	}
}

//分页器
//#page 的page是您自定义的id
#page {
	margin: 30px auto 10px;
	color: #666;
	display: block;
	text-align: center;
}
//所有li的样式
#page {
    ul {
        height: 30px;
    }
	li {
		display: inline-block;
		min-width: 46px;
		height: 30px;
		cursor: pointer;
		color: #b0b0b0;
		font-size: 18px;
		line-height: 30px;
		// background-color: #757575;
		background: rgba(0, 0, 0, 0);
		// border: 1px solid #dce0e0;
		text-align: center;
		margin: 0 6px;
		-webkit-appearance: none;
		-moz-appearance: none;
        appearance: none;
        vertical-align: bottom;
		&:hover {
			background-color: #b0b0b0;
			color: #fff;
		}
	}
	//上一页和下一页的样式
	.xl-nextPage,
	.xl-prevPage {
		width: 46px;
		height: 30px;
		margin: 0 2px;
		font-size: 26px;
	}
}

//失效状态样式
#page li.xl-disabled {
    opacity: 0.5;
    background: rgba(0, 0, 0, 0);
    cursor: text;
    &:hover {
        color: #b0b0b0;
    }
}
//当前页码显示状态
#page li.xl-active {
	background-color: #757575;
	// border-color: #0073A9;
	color: #fff;
}
